import Vue from 'vue'
import VueRouter from 'vue-router'

//使用 Vue.use 方法安装 Vue Router 插件，使 Vue 实例能够访问 $router 和 $route。
Vue.use(VueRouter)

const routes = [
  {
    path: '/login',
    name: '登录',
    //设置为隐藏，可能用于不在某些菜单或导航栏中显示该路由。
    hidden: true,
    component: () => import('../views/login/Login.vue')
  },
    {
        name: "边框样式",
        component: () => import("../views/layout/Index.vue"),
        path: "/",
        icon: 'el-icon-myshouye',
        children: [{
            name: "首页",
            component: () => import("../views/home/Home.vue"),
            path: "/home",
            icon: 'el-icon-myshouye',
        }]
    }
]

//定义一个createRouter函数，用于创建一个新的VueRouter实例
const createRouter = () =>
    new VueRouter({
      mode: 'history',
      routes: routes
    })
// 创建并初始化路由器实例，赋值给变量 router
const router = createRouter()

//定义函数，用于重置路由配置，将新路由器的 matcher 属性赋值给当前路由器的 matcher 属性，以实现路由的重置。
// 这通常用于用户登出或清除缓存时，确保路由状态被正确重置。
export function resetRouter() {
  const newRouter = createRouter()
  router.matcher = newRouter.matcher
}

export default router
